﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>lhgdialog - samples</title>
	<link href="../examples.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="../lhgcore.min.js"></script>
	<script type="text/javascript" src="../lhgdialog.js"></script>
<!--代码高亮-->
<link rel="stylesheet" href="../highlight/styles/magula.css">
<script src="../highlight/highlight.pack.js"></script>
<script src="../highlight/languages/javascript.js"></script>
    <script type="text/javascript">
hljs.tabReplace = '    ';
hljs.initHighlightingOnLoad();

function opdg( id )
{
    var testDG = new J.dialog({
	    id: id,
		title: '测试页',
		html: '<p style="font-size:14px;text-align:center;margin-top:50px;color:#000;">欢迎使用lhgdialog弹出窗口插件</p>',
		rang: true
	}).ShowDialog();
}

J(function(){
    J('#btn2').dialog({ id:'test', page:'../value/content.html', rang:true });
});
	</script>
</head>

<body>

<div id="main">
<div class="tabContent">
    <h2>这是一个框架页面</h2>
	<pre><code class="javascript">function opdlg( id ){
    var testDG = new J.dialog({
        id: id,
		title: '测试页',
		html: '欢迎使用lhgdialog弹出窗口插件',
		rang: true
	}).ShowDialog();
}</code></pre>
    <p class="buttons" style="text-align:left;"><button class="runCode" id="btn1" title="btn1" name="demoCode01" onclick="opdg('frm1')">运行&raquo;</button></p>
	<pre><code class="javascript">J('#btn2').dialog({ id:'test', page:'../value/content.html', rang:true });</code></pre>
	<p class="buttons" style="text-align:left;">
	   <button class="runCode" id="btn2" title="btn2" name="demoCode01">运行&raquo;</button>
	   
	</p>
</div>
</div>

</body>
</html>